<%@ page contentType="text/html; charset=UTF-8" language="java" %>
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <link rel="stylesheet" href="/static/js/plugins/jquery-easyui/themes/bootstrap/easyui.css">
    <!--引入easyui图标样式-->
    <link rel="stylesheet" href="/static/js/plugins/jquery-easyui/themes/default/easyui.css">
    <!--引入ueasyui图标样式-->
    <link rel="stylesheet" href="/static/js/plugins/jquery-easyui/themes/icon.css">
    <!--引入easyui依赖的jquery程序库-->
    <script src="/static/js/plugins/jquery-easyui/jquery.min.js"></script>
    <!--引入easyui的程序库-->
    <script src="/static/js/plugins/jquery-easyui/jquery.easyui.min.js"></script>
    <script src="/static/js/plugins/jquery-easyui/locale/easyui-lang-zh_CN.js"></script>

    <title></title>
    <script type="text/javascript" src="/static/js/system/product.js"></script>
</head>
<body>


    <!-- js方式 -->
    <table id="product_datagrid"></table>


<!-- 工具栏 -->
<div id="tb">
    <a href="#" class="easyui-linkbutton" data-options="iconCls:'icon-add',plain:true" data-cmd="add">添加</a>
   <a href="#" class="easyui-linkbutton" data-options="iconCls:'icon-edit',plain:true" data-cmd="edit">编辑</a>
    <a href="#" class="easyui-linkbutton" data-options="iconCls:'icon-remove',plain:true" data-cmd="remove">删除</a>
    <a href="#" class="easyui-linkbutton" data-options="iconCls:'icon-reload',plain:true" data-cmd="reload">刷新</a>

    <input class="easyui-textbox" type="text" name="keywords" id="keywords" prompt="输入商品名称或编码">
    <a href="#" class="easyui-linkbutton" data-options="iconCls:'icon-search',plain:true" data-cmd="query">查询</a>
</div>


<!-- 对话框 -->
<div id="product_dialog">
    <form id="editForm" method="post" style="padding: 35px 0px 0px 35px">
        <input type="hidden" id="productId" name="id">
        <table style="border-collapse: separate; border-spacing: 10px;">

            <tr>
                <td>一级分类</td>
                <td><input type="text" id="parentId" name="parentClassify.id" style="width: 128px"
                           class="easyui-validatebox" validType="selectValid['--请选择--']"/></td>

                <td>二级分类</td>
                <td>
                    <input type="text" id="childId" name="productClassify.id" style="width: 128px"
                           class="easyui-validatebox" validType="selectValid['--请选择--']" /></td>
            </tr>
            <tr>
                <td>商品编码</td>
                <td><input type="text" class="easyui-textbox" name="sn"></td>
                <td>商品名称</td>
                <td><input type="text" class="easyui-textbox" name="name" required="true"></td>
            </tr>

            <tr>
                <td>商品规格</td>
                <td><input type="text" class="easyui-textbox" name="size" required="true"></td>
                <td>商品积分</td>
                <td><input type="text" class="easyui-textbox" name="point" required="true"></td>
            </tr>

            <tr>
                <td>商品售价</td>
                <td><input type="text" class="easyui-textbox" name="salePrice"></td>
                <td>商品成本</td>
                <td><input type="text" class="easyui-textbox" name="costPrice"></td>
            </tr>
            <tr>
                <td>存放仓库</td>
                <td><input type="text" class="easyui-combobox" id="depot" name="depot.id"
                           data-options="url:'depot/queryList',valueField:'id',textField:'name',panelHeight:'auto'"></td>
                <td>供应商</td>
                <td><input type="text" class="easyui-combobox" id="supplier" name="supplier.id"
                           data-options="url:'supplier/queryList',valueField:'id',textField:'name',panelHeight:'auto'"></td>
            </tr>



        </table>
    </form>
    <div id="bb">
        <a href="#" class="easyui-linkbutton" data-ooptions="iconCls:'icon-save',plain:true" data-cmd="save">保存</a>
        <a href="#" class="easyui-linkbutton" data-ooptions="iconCls:'icon-cancel',plain:true" data-cmd="cancel">取消</a>
    </div>

</div>

</body>
</html>
